<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- Basic Page Needs
		================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description"
	content="HIDEO is a One Page Bootstrap 3 Premium website Template, using nice Paralax effect, HTML5, CSS3 and Twitter Bootstrap 3">
<meta name="author" content="Little NEKO">

<!-- Mobile Specific Metas
		================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
		================================================== -->
<!-- Bootstrap  -->
<link type="text/css" rel="stylesheet"
	href="core/bootstrap/css/bootstrap.min.css">

<!-- web font  -->
<!-- <link href='http://fonts.googleapis.com/css?family=Roboto:100,300,400' -->
<!-- 	rel='stylesheet' type='text/css'> -->

<!-- Pop up-->
<link rel="stylesheet" type="text/css"
	href="core/js-plugin/magnific-popup/magnific-popup.css" />

<!-- Revolution Slider -->
<link rel="stylesheet" type="text/css"
	href="core/js-plugin/revolution-slider/rs-plugin/css/navstylechange.css"
	media="screen" />
<link rel="stylesheet" type="text/css"
	href="core/js-plugin/revolution-slider/rs-plugin/css/settings-hideo.css"
	media="screen" />

<!-- Owl carousel-->
<link rel="stylesheet"
	href="core/js-plugin/owl.carousel/owl-carousel/owl.carousel.css">
<link rel="stylesheet"
	href="core/js-plugin/owl.carousel/owl-carousel/owl.transitions.css">
<link rel="stylesheet"
	href="core/js-plugin/owl.carousel/owl-carousel/owl.theme.css">

<!-- nekoAnim-->
<link rel="stylesheet" type="text/css"
	href="core/js-plugin/appear/nekoAnim.css" />

<!-- isotope -->
<link type="text/css" rel="stylesheet"
	href="core/js-plugin/isotope/css/style.css">

<!-- icon fonts -->
<link type="text/css" rel="stylesheet"
	href="core/font-icons/custom-icons/css/custom-icons.css">
<link type="text/css" rel="stylesheet"
	href="core/font-icons/custom-icons/css/custom-icons-ie7.css">

<!-- Custom css -->
<link type="text/css" rel="stylesheet" href="core/css/layout.css">
<link type="text/css" id="colors" rel="stylesheet"
	href="core/css/light.css">
<link type="text/css" rel="stylesheet" href="core/css/custom.css">
<link type="text/css" rel="stylesheet" href="custom/css/custom.css">
<link type="text/css" rel="stylesheet"
	href="custom/css/accountProfile.css">

<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<script src="core/js/modernizr-2.6.1.min.js"></script>

<!-- Favicons
		================================================== -->
<link rel="shortcut icon" href="core/images/favicon.ico">
<link rel="apple-touch-icon" href="core/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="core/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="core/images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="144x144"
	href="core/images/apple-touch-icon-144x144.png">
</head>
<body>
	<!-- Primary Page Layout 
	================================================== -->
	<!-- globalWrapper -->
		<header class="navbar-fixed-top"> <!-- pre header --> <!-- pre header -->
		<!-- header -->
		<div id="mainHeader" role="banner">
			<div class="container">
				<nav class="navbar navbar-default" role="navigation">
				<div class="navbar-header">
					<!-- responsive navigation -->
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<!-- Logo -->
					<a class="navbar-brand" href="index.html"><img
						src="core/images/main-logo.png" alt="HIDEO website template" /></a>
				</div>
				<div class="collapse navbar-collapse" id="mainMenu">
					<!-- Main navigation -->
					<ul class="nav navbar-nav pull-right">

					









						<li class="primary"><a href="index.jsp"
							class="firstLevel active hasSubMenu">หน้าแรก</a></li>
						<li class="sep"></li>

						<!-- 						กรณี login แล้ว -->
						<li class="primary"><a href="profilePage.jsp"
							class="firstLevel  hasSubMenu">จัดการข้อมูลของฉัน</a></li>
						<li class="sep"></li>


						<li class="primary"><a href="jobPage.jsp"
							class="firstLevel  hasSubMenu">งาน</a></li>
						<li class="sep"></li>
						<li class="primary"><a href="freelancePage.jsp"
							class="firstLevel  hasSubMenu">ฟรีแลนซ์</a></li>
						<li class="sep"></li>
						<li class="primary"><a href="index.html"
							class="firstLevel  hasSubMenu">บัญชีดำ</a></li>
						<li class="sep"></li>
						<li class="primary"><a href="index.html"
							class="firstLevel  hasSubMenu">เกี่ยวกับเรา</a></li>
						<li class="sep"></li>
						<li class="primary"><a href="index.html"
							class="firstLevel  hasSubMenu">ติดต่อเรา</a></li>
						<li class="sep"></li>



					</ul>
					<!-- End main navigation -->
				</div>
				</nav>
			</div>
		</div>
		</header>
		<!-- header -->
</body>
</html>